import React, { Component } from 'react'
import { useParams, useLocation } from 'react-router-dom'
console.log('Detail加载了')
export default function Detail() {
  const { id } = useParams()
  const location = useLocation()
  return (
    <h5>
      {/*location.state?.name 这里写的问号叫做可选链. 是es10新增的语法. 这个可选链的作用类似于三元. 判断?前面的是否是对象,是则访问后面的属性,不是则不访问  */}
      detail的内容~~~, {id}, {location.state?.name}
    </h5>
  )
}
